@import '~scss/variables';
@import '~scss/mixins';

.header {
  padding: 2px 12px 14px 12px;

  .title {
    display: inline;
    @include TypographyParagraph($dark-color06);
    // font-weight: $font-bold;
    line-height: 12px;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color:rgb(252, 251, 251);
    // background-color: #0c7280;
  }

  .select {
    float: right;
    width: 146px;
  }
}

.cpu {
  // width: 124px;
  padding-left: 100px;
  // margin: -12px;
  margin-left: 100px;
  // background-color: $light-color01;
}

.column {
  display: flex;
  flex-direction: column;
  background-color: #050e35;
}

.node {
  margin-bottom: 30;
  height: 70px;
  // background-color: #B2DFDF;

  &Status {
    // padding: px 0px;
    margin-top: -10px;
    margin-bottom: 0;
  }
}

.apps {
  position: relative;
  margin-left: 30px;
  padding: 8px;
  background-color: #1129ad;
  opacity: 0.4;
  .app {
    
    position: relative;
    align-items: center;
    height: 20px;
    padding: 2px;
    color:rgb(251, 252, 252);
    font-size: medium;
    font-weight: 800;
    // border-radius: $border-radius;
    cursor: pointer;

    .icon {
      float: left;
      display: inline-block;
      margin-right: 12px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      // background-color: $bg-color;
    }

    .title {
      color: rgb(164, 198, 221);
      width: 200px;
      // & > div {
      //   @include TypographyTitleH6($dark-color07);
      //   transition: all $trans-speed ease-in-out;
      // }

      // & > p {
      //   @include TypographyParagraph($dark-color01);
      //   @include ellipsis;
      // }
    }
  }
}

.more {
  position: absolute;
  top: 0;
  right: 0;
  // color: $sub;
}

.footer {
  margin: -12px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 12px;
  border-top: 1px solid $border-color;

  button {
    width: 15%;
  }
}

